// banner图
$(document).ready(function () {
    $('.ryswiper').owlCarousel({
        margin: 50,
        items: 3,
        loop: true,
        autoplay: true,
        autoplayTimeout: 3000,
        autoplayHoverPause: true,
        nav: true,
        dots: true,
        // responsive: {
        //     0: {
        //         items: 1
        //     }
        // },
        navText: [
            `<img src="./images/col-prev.png">`,
            `<img src="./images/col-next.png">`,
        ],
        // navContainer: '#customNav',
    })
    $('.pic-swiper').owlCarousel({
        margin: 20,
        items: 4,
        loop: true,
        autoplay: false,
        autoplayTimeout: 3000,
        autoplayHoverPause: true,
        nav: true,
        dots: false,
        responsive: {
            0: {
                items: 1
            },
            750: {
                items: 4
            }
        },
        navText: [
            `<img src="./images/col-prev.png">`,
            `<img src="./images/col-next.png">`,
        ],
        // navContainer: '#customNav',
    }) 
    // 初始化 Fancybox 插件
    Fancybox.bind("[data-fancybox]", {
        hideScrollbar: false,
        Image: {
            iterateZoom: true, // 启用放大功能
            zoomOpacity: true, // 缩放时显示半透明效果
            clickOutside: 'close', // 点击外部区域关闭弹窗
            clickSlide: 'close', // 点击幻灯片关闭弹窗
          },
          buttons: [
            'iterateZoom',
            'slideShow',
            'fullScreen',
            'close',
          ],
      });
    // $('[data-fancybox="gallery"]').fancybox({
    //   loop: true, // 开启循环浏览
    //   buttons: [
    //     "iterateZoom",
    //     "slideShow",
    //     "fullScreen",
    //     "close"
    //   ],
    // });
    // 跳转
    // $('#school li').click(function () {
    //     window.location.href = './college-school.html'
    // })
})
